// var  xhr;
//
// function checkUserName() {
//     var username = document.getElementById("username").value;
//     xhr = new XMLHttpRequest();
//     xhr.onreadystatechange = process;
//     xhr.open("GET","UserNameIsExist?username=" + username,true);
//     xhr.send(null);
// }
//
// var userId = document.getElementById("username");
// userId.addEventListener('keyup',checkUserName,false);
//
// function  process() {
//     if(xhr.readyState == 4){
//         if(xhr.status == 200){
//             var responseInfo = xhr.responseText;
//             var msg = document.getElementById('isExistInfo');
//             if(responseInfo == 'Exist'){
//                 msg.classList.add("errorMsg");
//                 msg.innerText = "用户名已存在"
//             }else if(responseInfo == 'Not Exist'){
//                 msg.classList.add("okMsg")
//                 msg.innerText = "用户名可用"
//             }
//         }
//     }
// }

//文档就绪函数

$(function () {
    $("[name='username']").on("keyup", function () {
        $("#isExistInfo").remove();
        if ($("[name='username']").val() != "") {
            var queryString = "username=" + $("[name='username']").val();
            $.get("UserNameIsExist", queryString, function (data) {
                var info ;
                if(data == "Exist") {
                    info = "用户名已存在";
                    // $("#isExistInfo").classList.add("errorMsg")
                }
                else {
                    info = "用户名可用";
                    // $("#isExistInfo").classList.add("okMsg")
                }
                $("[name='username']").parent().after("<span id='isExistInfo'>" + info + "</span>");

            })
        }
    })
})
